繼昨天對外框架做了一些美觀上的改變~
今天要來做的是排版的部分
我想將聊天室位於網頁的正中間

      display: flex;
      position: relative;
      margin: 50px auto;

• CSS display
  使用這個屬性可以讓設計師自由設定網頁的顯示類型，
  因為HTML本身的顯示類型都是預設的，
  不同的元素都會有自己的預設值，
  而利用這個屬性才可以自由地修改HTML的預設顯示類型。
• CSS position
  是用來設定元素位置的語法，
  可以設定某個元素要在網頁的哪個位置呈現。
  absolute：絕對位置，當網頁往下拉時，元素也會跟著改變位置，其元素的位置由 top、left、right、bottom 所決定。
  fixed：元素位置固定，相對於瀏覽器而定位，其元素的位置由 top、left、right、bottom 所決定。
  relative：相對位置，相對於其它元素的位置，其元素的位置由 top、left、right、bottom 所決定。
  static：這就是預設值，如果設定 position 為 static，則 top、left、right、bottom 會被忽略。
  inherit：繼承自父層 position 定位屬性的值。